<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>差值语法</title>
</head>
<body>
    <div id="app">
      {{message}}
      <div>提示：{{ html }}</div>
      <div v-html="html"></div>
      <div v-text="html">初始数据</div>
      <div v-bind:title="title">这是一段文本内容</div>
      <div :title="title">这是一段文本内容</div>
    </div>


 
    <script>document.write(new Date())</script>
    <script src="../lib/vue.js"></script>
    <script>
     const vm=new Vue({
         el:'#app',
         data:{
             message:'Hello Vue.js',
             html:'<input placeholder="请输入数据"/>',
             title:'这是动态提示文本数据'
         }
     })
    
    </script>




</body>
</html>